{% extends 'users/usercenter_base.html' %}

{% load staticfiles %}

{% block title %}<title>我的收藏- frost在线网</title>{% endblock %}

{% block custom_bread %}
<section>
        <div class="wp">
            <ul class="crumbs">
                <li><a href="{% url 'index' %}">首页</a>></li>
                <li><a href="{% url 'users:user_info' %}">个人中心</a>></li>
                <li>我的收藏</li>
            </ul>
        </div>
    </section>
{% endblock %}

{% block right_content %}
<div class="right">
    <div class="personal_des Releasecont">
        <div class="head">
            <h1>我的收藏</h1>
        </div>
    </div>
    <div class="personal_des permessage">
        <div class="head">
            <ul class="tab_header messagehead">
                <li><a href="{% url 'users:user_fav' 2 %}">课程机构</a></li>
                <li><a href="{% url 'users:user_fav' 3 %}">授课教师 </a></li>
                <li class="active"><a href="{% url 'users:user_fav' 1 %}">公开课程</a></li>
            </ul>
        </div>
        <div class="companycenter">
            <div class="group_list brief">
                {% for course in fav_courses %}
                <div class="module1_5 box">
                    <a href="{% url 'courses:course_detail' course.id %}">
                        <img width="214" height="190"
                             src="{{ MEDIA_URL }}{{ course.image }}"/>
                    </a>
                    <div class="des">
                        <a href="course-detail.html"><h2>{{ course.name }}</h2></a>
                        <span class="fl">时长：<i class="key">{{ course.learn_time }}</i></span>
                        <span class="fr">学习人数：{{ course.students }}</span>
                    </div>
                    <div class="bottom">
                        <span class="fl">{{ course.course_orgw.name }}</span>
                        <span class="delete-group fr jsDeleteFav_course" data-favid="{{ course.id }}"></span>
                    </div>
                </div>
                {% endfor %}
            </div>
        </div>
    </div>
</div>
{% endblock %}
